<ion-view view-title="首页" hide-nav-bar="true">
  <!-- <ion-nav-buttons side="left">
    <a class="" href="#/cityselect" style=" line-height: 34px;border:0; border-radius: 0;  background-color: rgba(0,0,0,0);margin-left: 8px"><i class="ion-ios-location-outline">&nbsp;{{config.city.name}}</i></a>
  </ion-nav-buttons> -->
  <ion-content padding="false" class="cc_home_con">
    <ion-slide-box auto-play="true" does-continue="true" slide-interval="3000">
      <ion-slide ng-repeat="item in ads | orderBy : 'sort' ">
        <a ng-click="openadmesg(item)" class="box "><img ng-src="{{item.pic}}" alt="" width="100%"></a>
      </ion-slide>
    </ion-slide-box>
    <div class="h_mylocation" ng-click="openCitySelectModel()">
      <i class="icon ion-ios-location-outline">&nbsp;&nbsp;{{config.city.name}}</i>
    </div>
    <!--     <div class="h_cate padding">
      <div class="h_cate_h">
        <h5>热门推荐</h5>
        <a href="#/tab/guide/">查看更多</a>
      </div>
      <div class="h_cates">
        <div class="h_cateitem" ng-repeat="item in hotCatalogData  | orderBy : 'sort' " ng-click="goguidehotcate(item.id)">
          <img ng-src="{{item.pic}}" alt="">
          <h5 ng-bind="item.name"></h5>
        </div>
      </div>
    </div> -->
    <div class="h_rmtj">
      <div class="title">
        <h4>热门推荐</h4>
      </div>
      <div class="twotj">
        <div class="tj" ui-sref="tab.guide">
          <div class="tjbj">
            <img class="bgimg" src="img/new/shouye-bg1@3x.png" alt="">
            <div class="rn">
              <div class="mm">
                <img src="img/new/shouye-xiangdao-icon.png" alt="">
              </div>
              <div class="hh">
                <h4>向导</h4>
              </div>
            </div>
          </div>
        </div>
        <div class="tj" ng-click="comingsoon()">
          <div class="tjbj">
            <img class="bgimg" src="img/new/shouye-bg2@3x.png" alt="">
            <div class="rn">
              <div class="mm">
                <img src="img/new/shouye-pipei-icon.png" alt="">
              </div>
              <div class="hh">
                <h4>匹配</h4>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="bigtj" ng-click="toyjhf()">
        <!-- http://web.2blab.com/dcyy/ -->
        <img src="img/new/dcyy.png" alt="">
      </div>
    </div>
    <div class="h_guidcon">
      <div class="h_guidcon_h">
        <div class="c_tabs">
          <div class="c_tab_item " ng-click="mycate(1)">
            <span class=" {{mycateno==1?'active':''}}">热门</span>
          </div>
          <div class="c_tab_item" ng-click="mycate(2)">
            <span class=" {{mycateno==2?'active':''}}">关注</span>
          </div>
          <div class="c_tab_item" ng-click="mycate(3)">
            <span class=" {{mycateno==3?'active':''}}">附近</span>
          </div>
        </div>
      </div>
      <div class="h_guidcon_contabs">
        <!-- 热门 -->
        <div class="h_guidcon_contab " ng-show="mycateno==1">
          <div class="h_g_clists">
            <div class="h_g_clist" ng-repeat="item in guideData_rm">
              <a class="h_g_clistbg" href="#/guidedetail/{{item.userId}}" style="height: {{(config.appWidth-16)/2-10}}px">
                <img class="h_g_clistimg h_g_clistimgrm" onload="imgonloadjqthumb(this)" style="height: {{(config.appWidth-16)/2-10}}px" ng-src="{{item.displayPic}}" alt="">
              </a>
              <div class="h_g_cl_con">
                <span class="name" ng-bind="item.userName"><!-- 向导名 --></span><span class="price">&nbsp;￥{{item.servicePrice | to_pricedouble}}/天<!-- 向导名 --></span><span class="ion-ios-location-outline city" ng-bind="' '+item.serviceCity"><!-- 上海 --></span>
                <p ng-bind="item.serviceContent"></p>
              </div>
            </div>
          </div>
        </div>
        <!-- 关注 -->
        <div class="h_guidcon_contab" ng-show="mycateno==2">
          <div class="h_g_clists">
            <div class="h_g_clist" ng-repeat="item in guideData_gz">
              <a class="h_g_clistbg" href="#/guidedetail/{{item.userId}}" style="height: {{(config.appWidth-16)/2-10}}px">
                <img class="h_g_clistimg h_g_clistimggz" onload="imgonloadjqthumb(this)" style="height: {{(config.appWidth-16)/2-10}}px" ng-src="{{item.displayPic}}" alt="">
              </a>
              <div class="h_g_cl_con">
                <span class="name" ng-bind="item.userName"><!-- 向导名 --></span><span class="price">&nbsp;￥{{item.servicePrice | to_pricedouble}}/天<!-- 向导名 --></span><span class="ion-ios-location-outline city" ng-bind="' '+item.serviceCity"><!-- 上海 --></span>
                <p ng-bind="item.serviceContent"></p>
              </div>
            </div>
          </div>
        </div>
        <!-- 附近 -->
        <div class="h_guidcon_contab" ng-show="mycateno==3">
          <div class="h_g_clists">
            <div class="h_g_clist" ng-repeat="item in guideData_fj">
              <a class="h_g_clistbg" href="#/guidedetail/{{item.userId}}" style="height: {{(config.appWidth-16)/2-10}}px">
                <img class="h_g_clistimg h_g_clistimgfj" onload="imgonloadjqthumb(this)" style="height: {{(config.appWidth-16)/2-10}}px" ng-src="{{item.displayPic}}" alt="">
              </a>
              <div class="h_g_cl_con">
                <span class="name" ng-bind="item.userName"><!-- 向导名 --></span><span class="price">&nbsp;￥{{item.servicePrice | to_pricedouble}}/天<!-- 向导名 --></span><span class="ion-ios-location-outline city" ng-bind="' '+item.serviceCity"><!-- 上海 --></span>
                <p ng-bind="item.serviceContent"></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <ion-infinite-scroll ng-if="mycateno==1 && !pageData.nomoreData_rm" on-infinite="loadMore_rm()" distance="3%"></ion-infinite-scroll>
    <ion-infinite-scroll ng-if="mycateno==2 && !pageData.nomoreData_gz" on-infinite="loadMore_gz()" distance="3%"></ion-infinite-scroll>
    <ion-infinite-scroll ng-if="mycateno==3 && !pageData.nomoreData_fj" on-infinite="loadMore_fj()" distance="3%"></ion-infinite-scroll>
  </ion-content>
  <!-- 城市选择模态框 -->
  <script id="homecitypicker.html" type="text/ng-template">
    <div class="modelbg" ng-click="closeModal()"></div>
    <div class="citypickermodal" style="">
      <ion-header-bar class="icon icon-left" style="border: none;">
        <button ng-click="closeModal()" class="button button-icon">取消</button>
        <h1 class="title">选择城市</h1>
        <button ng-click="sureSelectCityResult()" class="button button-icon">确定</button>
      </ion-header-bar>
      <div class="item cppcityname">
        <i class="icon ion-ios-arrow-right"></i>
        <span ng-click="reselectprovince()">{{cityselectresult.province.name==null?"请选择":cityselectresult.province.name}}</span>
        <span>{{cityselectresult.city.name}}</span>
      </div>
      <ion-content style="background:#fff; height: 212px;margin-top: 41px;border-top: none;" class="hcc_con">
        <div class="list cpplist" ng-show="cityselectresult.province.id==null">
          <div class="item  item-icon-right" ng-repeat="item in provincedatalist" ng-click="cp_selectprovince(item)">{{item.name}}<i class="icon ion-ios-arrow-right"></i></div>
        </div>
        <div class="list cpplist" ng-show="cityselectresult.province.id!=null">
          <div class="item item-icon-right" ng-repeat="item in citydatalist" ng-click="cp_selectcity(item)">{{item.city}}<i class="icon ion-ios-arrow-right"></i></div>
        </div>
      </ion-content>
    </div>
  </script>
</ion-view>
